<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>{$article.title}</title>
    <link href="__STATIC__/admin/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="__STATIC__/weibo/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/style/weui.min.css">
    <link rel="stylesheet" href="__STATIC__/style/cmgd.css">
    <script type="text/javascript" src="__STATIC__/admin/js/jquery.min.js"></script>
    <script type="text/javascript" src="__STATIC__/weibo/js/jquery.json.js"></script>
    <script type="text/javascript" src="__STATIC__/admin/js/layer/layer.js" ></script>
    <script src="/static/admin/js/laytpl/laytpl.js"></script>
    <script src="/static/admin/js/laypage/laypage.js"></script>


    <style>
        .content{padding:10px;}
        .title{width:100%;font-size:22px; font-weight: bold;}
        .title1{width:100%;font-size:14px; color: #ccc;padding: 8px 0;}
        .zan{ margin:0 auto; height:30px; line-height:30px;text-align: center; }
        .num{height: 30px; line-height:30px;float:left;}
        .pl{padding-left:20%}
        .foot{width:100%; position: fixed;height:40px; bottom: 0;background:#fff;line-height:40px;}
        .footli{width:33%;float:left;text-align:center;line-height:40px;padding: 0; margin: 0 auto;}
        .fleft{float: left; text-align: center;}
        .fleft a {width:40px;height:30px;}
        a{ text-decoration:none;}
        .comm{width: 100%;padding-top: 10px; margin-bottom: 10px;}
        .c_img{float: left;width: 15%;margin: 0 auto;text-align: center;padding-top: 20px;}
        .p1{height: 25px;line-height: 25px; padding: 0;margin: 0;font-size:12px;}
        .p2{line-height: 25px;padding: 0;margin: 0;font-size:12px;}
        .p3{height: 25px;line-height: 25px;padding: 0;margin: 0;font-size:12px; padding-bottom: 15px;}
        .c_left{float: left;width: 85%;}
        .weui-tabbar__i{font-family: "Microsoft Yahei";}
        #zan{font-size:16px;width: 50px;padding-top:7px;}
        #collect{font-size:16px;width:60px;padding-top:7px;}
        #xpl{font-size:16px;width:60px;padding-top:7px;}
        #comment_list{border-top:1px #ccc solid;padding-top: 10px;}
        .weui-media-box_appmsg {align-items:flex-start; }
        .weui-media-box_appmsg .weui-media-box__hd{width:45px;height:45px;margin-right: .2em;}
        .weui-media-box_appmsg .weui-media-box__thumb{width:40px;height:40px;border:1px #ccc solid; border-radius:20px; top:0px; margin-right: .2em;}
        .weui-media-box__title{font-size: 14px;}
        .time{font-size:12px;padding-bottom: 4px;}
        .black{color:#000;font-size:13px;}
        .fa-thumbs-up{color:#2fab87;}
        .fa-heart{color:#2fab87;}
    </style>
</head>
<body style="background:#fff;">


<div id="content" class="content" >
    <div class="title">{$article.title}</div>
    <div class="title1">{$article.writer} &nbsp; &nbsp; {$article.update_time|date="m-d H:i",###}</div>
    <div><img src="/uploads/images/{$article.photo}" width="100%"></div>
    <div>{$article.content}</div>




    </div>




</div>



</body>
</html>